<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.div1{
				 /*color: red;*/
			}
		</style>
	</head>
	<body>
		<!--<div  class=" red"  id ="div1">
			今天学习了js
			内容比较简单
			明天可能会学习更加难得内容
		</div>-->
		<a href="#" title="你好"   class="red"  id = 'div1'>这是一个神奇的标签</a>
	</body>
	<script type="text/javascript">
		var oDiv = document.getElementById("div1")
//		oDiv.style.color = 'red'
		// js 里面设置样式时，必须把所有的-都去掉，然后将后面的单词的首字母大写。
		oDiv.style.fontSize = '50px'
		oDiv.innerHTML = "黑马程序员"
		oDiv.className = "blue"
		oDiv.classList = ""
	</script>
</html>
